.container {
  //   width: 100%;
  // height: 100vh;
  padding-top: 10rpx;
  padding-bottom: 50rpx;
  //   align-items: center;
  //   justify-self: center;
  //   align-self: center;
  //   align-content: center;
}

.uni-card {
  margin: 20rpx 20rpx !important;
  .uni-card__header {
    border-bottom: 0px #dcdcdc !important;
    padding-bottom: 0rpx !important;
  }
  .uni-card__header-content-title {
    font-size: 14px !important;
  }
}
.weak-title {
  font-size: 24rpx;
  color: $uni-secondary-color;
}

.header {
  margin-left: 20rpx;
  margin-right: 20rpx;
  .lable1 {
    display: flex;
    font-size: 24rpx;
    color: $uni-light-secondary-color;
  }
  .fundName {
    margin-top: 10rpx;
    font-size: 36rpx;
    color: $uni-light-main-color;
    font-weight: bold;
  }
}
.navInfo {
  display: flex;
  flex-direction: row;
  justify-items: left;
  justify-content: space-between;
  .normalValue {
    color: $uni-base-color;
  }
  .redValue {
    color: red;
  }
  .greenValue {
    color: green;
  }
  .line2 {
    margin-top: 6rpx;
  }
}
.charts-card {
  display: flex;
  flex-direction: column;
  margin-left: 20rpx;
  margin-right: 20rpx;
  height: 400rpx;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.08);
  .title {
    margin: 20rpx 0 10rpx 40rpx;
    font-size: 14px;
    color: #3a3a3a;
  }
  .charts-box {
    width: 100%;
    height: 300rpx;
    // .canvas {
    //   width: 300rpx;
    // }
  }
}
// .chartCard {
//   .uni-card {
//     padding-left: 0rpx !important;
//   }
//   .uni-card__content {
//     padding: 0rpx 0rpx !important;
//   }
// }

.history {
  margin-left: 5rpx;
  .uni-padding-wrap {
    padding: 0rpx 0rpx 30rpx 0rpx;
    .segmented {
      .segmented-control {
        display: inline !important;
      }
      .segmented-control__item {
        margin-right: 40rpx;
      }
    }
  }
  .mySwiper {
    height: 280rpx;
  }
}

.history-nav {
  display: flex;
  flex-direction: column;
  .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .colHeader {
    margin-bottom: 5rpx;
  }
  .history-nav-records {
    display: flex;
    flex-direction: column;
    font-size: 26rpx;
  }
  .col1 {
    width: 160rpx;
  }
  .col2 {
    width: 120rpx;
    text-align: right;
  }
  .col3 {
    width: 120rpx;
    text-align: right;
  }
  .col4 {
    width: 170rpx;
    text-align: right;
  }
}

.grid-container {
  display: grid;
  grid-template-columns: 160rpx auto;
  // grid-gap: 10px;
  // padding: 10px;
}
.grid-item {
  // border: 1px solid #ccc;
  padding-bottom: 5px;
}

.row-header {
  text-align: left;
  color: $uni-secondary-color;
}

.row-value {
  text-align: right;
}
